<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>集分抽奖</title>
    <link rel="stylesheet" href="../css/page_choujiang.css">
    <link rel="stylesheet" href="../css/lib/animate.css">
    <script src="../js/lib/flexible.js"></script>
</head>
<body>
    <div class="prize_box">
        <!-- 头部 -->
        <div class="prize_header">
            <img src="../img/xx.png" alt="返回">
            <p>集分抽奖</p>
        </div>
        <!-- 内容 -->
        <div class="prize_content">
            <div class="luckDraw" id="luck">
                <table class="luck_table">
                    <!-- 第一行 -->
                    <tr>
                        <td  class="luck-unit luck-unit-0"><div class="bg_box"><p class="text">100</p>集分币<div class="mask_red"></div></td>
                        <td  class="luck-unit luck-unit-1"><div class="bg_thank"><p class="text">谢谢<div class="mask_red"></p></div></td>
                        <td  class="luck-unit luck-unit-2"><div class="bg_box"><p class="text">100<br/>集分币<div class="mask_red"></p></div></td>
                        <td  class="luck-unit luck-unit-3"><div class="bg_box"><p class="text">100<br/>集分币<div class="mask_red"></p></div></td>
                        <td  class="luck-unit luck-unit-4"><div class="bg_box"><p class="text">300<br/>集分币<div class="mask_red"></p></div></td>
                    </tr>
                    <!-- 第二行，横向竖向分别合并三个单元格 -->
                    <tr>
                        <td  class="luck-unit luck-unit-15"><div class="bg_box"><p class="text">200</p>集分币<div class="mask_red"></div></td>
                        <td rowspan="3" colspan="3">
                            <div class="lattice_box">
                                <div class="start_box">
                                    <div id="demo">
                                        <div id="indemo">
                                            <div id="demo1">
                                                <img src="../img/tiaowen.png" border="0" />
                                            </div>
                                            <div id="demo2"></div>
                                        </div>
                                    </div>
                                    <div class="start_btn"></div>
                                </div>
                            </div>
                        </td>
                        <td  class="luck-unit luck-unit-5"><div class="bg_box"><p class="text">200</p>集分币<div class="mask_red"></div></td>
                    </tr>
                    <!-- 第三行 -->
                    <tr>
                        <td  class="luck-unit luck-unit-14"><div class="bg_box"><p class="text">100</p>集分币<div class="mask_red"></div></td>
                        <td  class="luck-unit luck-unit-6"><div class="bg_box"><p class="text">100</p>集分币<div class="mask_red"></div></td>
                    </tr>
                    <!-- 第四行 -->
                    <tr>
                        <td  class="luck-unit luck-unit-13"><div class="bg_thank"><p class="text">谢谢</p><div class="mask_red"></div></td>
                        <td  class="luck-unit luck-unit-7"><div class="bg_box"><p class="text">50</p>集分币<div class="mask_red"></div></td>
                    </tr>
                    <!-- 第五行 -->
                    <tr>
                        <td  class="luck-unit luck-unit-12"><div class="bg_box"><p class="text">150</p>集分币<div class="mask_red"></div></td>
                        <td  class="luck-unit luck-unit-11"><div class="bg_box"><p class="text">500</p>集分币<div class="mask_red"></div></td>
                        <td  class="luck-unit luck-unit-10"><div class="bg_box"><p class="text">100</p>集分币<div class="mask_red"></div></td>
                        <td  class="luck-unit luck-unit-9"><div class="bg_box"><p class="text">100</p>集分币<div class="mask_red"></div></td>
                        <td  class="luck-unit luck-unit-8"><div class="bg_thank"><p class="text">谢谢</p><div class="mask_red"></div></td>
                    </tr>
                </table>
            </div>
            <div class="rule">活动规则</div>
        </div>
        <!-- 规则弹窗 -->
        <div class="rule_alert">
            <p><img src="../img/guanbi.png" alt=""></p>
            <div class="rule_outer">
                <p class="title">活动规则</p>
                活动时间：小集分抽大奖活动按期进行，
                <p class="p1">每期时间请见网站公告。</p>
                <p class="p2">1 关于集分消费</p> 
                <p class="p3">会员每次抽奖需要扣除10个集分，</p>
                <p class="p3">扣除的集分不退还，每天参与抽奖次数不限。</p> 
                <p class="p2">2 关于奖品</p> 
                <p class="p3">本活动奖品为集分奖品。</p> 
                <p class="p3">奖品不定期设置: 8、10、18、20、50、58、100、188、300、500、999。1888、2888、3888和4888个天猫积分等奖品。
                每期每天的积分奖品数量超过100万份。</p>
                <p class="p4">积分使用规则：</p> 1 本次活动积分可以在全天购买实物时使用。
                <br>2 通过本次活动获得的集分仅限集分卡内使用。
                <br>3 集分可抵扣实物交易款项、可兑换优惠券。
                <br>4 使用本次活动发放的集分在购物时使用。
                <br>5 在获取和使用集分过程中。
                <br>6 发放积分的相关税款已经由集分卡承担并支付。
                <br>7 使用本次活动发放的集分可在购物时使用。
            </div>
            <div class="know">我知道了</div>
        </div>
        <!-- 抽奖提醒弹窗 -->
        <div class="remind_alert">
            <p class="pp1"><img src="../img/guanbi.png" alt=""></p>
            <p class="pp2">每次抽奖需要消耗10集分币</p>
            <div class="sure">继续</div>
        </div>
        <!-- 蒙版 -->
        <div class="mask"></div>
    </div>
</body>
</html>
<script src="../js/lib/jquery3.2.1.js"></script>
<script src="../js/page_choujiang.js"></script>